<template>
  <div>
    <topbar title="完善信息"></topbar>
    <div class="space">
        <p>联系人信息</p>
    </div>
    <div>
        <van-cell-group>
            <van-field
                label="联系人"
                placeholder="请输入联系人"
            />
            <van-field
                
                label="联系电话"
                placeholder="请输入联系电话"
            />
             <van-field
                    
                    center
                    clearable
                    label="短信验证"
                    placeholder="输入验证码"
                >
                    <van-button slot="button" size="small" type="primary">发送验证码</van-button>
                </van-field>
    </van-cell-group>
    </div>
    <div class="space">
        <p>地址信息</p>
    </div>
    <div>
        <van-cell-group>
            <van-field
               
                label="服务区域"
                placeholder="请选择服务区域"
            />
            <van-field
                
                label="服务地址"
                placeholder="请输入服务地址"
            />
        </van-cell-group>
    </div>
    <div class="bot">
    <button class="btn">提交认证</button>
    </div>
  </div>
</template>

<script>
import topbar from "../components/topNav.vue" 
export default {
    data() {
            return {

            }
        },

        components:{
          topbar
        }

}
</script>

<style lang="less" scoped>
.space {
    height: 30px;
    line-height: 30px;
    background-color: #f6f6f6;
    p{
        font-size: 12px;
        margin-left: 10px;
    }
}
.bot {
    text-align: center;
    background-color: #fff;
    height: 335px;
    .btn {
        margin-top: 30px;
        border: none;
        border-radius: 20px;
        background-image: linear-gradient(#04c2f3,#0295d2);
        padding: 10px 60px;
        color: #fff;
        font-size: 17px;
    }
}

</style>